<template>
  <div class="bill-content">
    <div class="layui-inline" id="test10">11</div>
  </div>
</template>
<script>
  import mui from '../../lib/mui/js/layui.js'
  export default {
    beforeRouteEnter(to, from, next) {
      next(vm => {
        vm.$parent.$data.showfooter = false
        vm.$parent.$data.showmenu = false
      })
    },
    beforeRouteLeave(to, from, next) {
      this.$parent.$data.showfooter = true
      this.$parent.$data.showmenu = true
      next()
    },
    mounted() {
      var ins10 = laydate.render({
        elem: '#test10',
        position: 'static',
        calendar: true, //是否开启公历重要节日
        mark: { //标记重要日子
          '2017-8-20': '',
          '2017-8-21': ''
        },
        done: function(value, date, endDate) {
          if (date.year == 2017 && date.month == 8 && date.date == 20) {
            ins10.hint('XX活动日');
          }
        },
        change: function(value, date, endDate) {
          console.log(value)
        }
      });
    }
  }
</script>
<style scoped>
  .bill-content {
    background-color: #fff
  }
  .center {
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px
  }
  .yd-navbar {
    border-bottom: 1px solid #ccc
  }
  * {
    touch-action: pan-y;
  }
  .mui-slider {
    background-color: #fff;
  }
</style>


